@import 'color';
body{
	margin: 0px;
	font-size: 14px;
	font-family: "宋体";
  padding: 0px;
  background-color: rgb(243,243,243);
  a{
    color:black;
  }
}
*{
    text-align: left;
	  -webkit-font-smoothing: antialiased;
}
hr{
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.hr-divider{
  margin: 0;
  height: 1px;
  border: none;
  background-color: rgba(0,0,0,.12);
  width: 100%;
}
.red{
  color:$red;
}
.home-bottom{
  position:fixed;
  width: 100%;
  bottom:0;
  z-index: 999999;
}
.top-logo{
  font-size: 18px;
  height:60px;
  text-align: left;
  border-bottom: 1px solid #bbb;
  padding: 5px;
  .top-logo-png{
    height: 50px;
    display: inline;
    float: left;
  }
  .top-msg1{
    font-weight: bold;
    margin-left: 15px;
    display: block;
    float: left;
  }
  .top-msg2{
    font-weight: bold;
    display: block;
    float: left;
    margin-top: 25px;
    margin-left: -25px;
  }
  .add{
    float: right;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
  }

}
.add-list{
  float: right;
  position: absolute;
  right: 1rem;
  top:4rem;
  background-color: #323233;
  padding: 15px;
  color:white;
  border-radius: 15px;
  font-size: 1.1rem;
  z-index: 1000;
  li{
    border-bottom:1px solid white;
    padding: 5px;
    .add-list-title{
      padding-left:0.5rem;
    }
  }
}
.add-list:after, .add-list:before {
  border: 6px solid transparent;
  border-color:transparent transparent #323233 transparent ;
  content: ' ';
  height: 0;
  top: -11.5px;
  left:80%;
  position: absolute;
  width: 0;
}
.f-left{
  float: left;
}
.f-right{
  float: right;
}

.c-left{
  clear: left;
}
.c_right{
  clear: right;
}
.c.both{
  clear: both;
}
.width-10{
  width: 10px;
}
.width-20{
  width: 20px;
}
.width-30{
  width: 30px;
}
.width-50{
  width: 50px;
}
.width-100{
  width: 100px;
}
.width-150{
  width: 150px;
}
.width-200{
  width: 200px;
}
.width-300{
  width: 300px;
}
.width-400{
  width: 400px;
}
.width-500{
  width: 500px;
}
.width-600{
  width: 600px;
}
.width-700{
  width: 700px;
}
.width-800{
  width: 800px;
}
.height-10{
  height: 10px;
}
.height-20{
  height: 20px;
}
.height-30{
  height: 30px;
}
.height-50{
  height: 50px;
}
.height-100{
  height: 100px;
}
.height-150{
  height: 150px;
}
.height-200{
  height: 200px;
}
.height-300{
  height: 300px;
}
.height-400{
  height: 400px;
}
.height-500{
  height: 500px;

}
.ta-left{
  text-align: left;
}
.ta-right{
  text-align: right;
}
.ta-center{
  text-align: center;
}
.fzac-buling{
  background: linear-gradient(left, #f71605, #e0f513);
  background: -webkit-linear-gradient(left, #f71605, #e0f513);
  background: -o-linear-gradient(right, #f71605, #e0f513);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation:bulingscratchy 0.5s linear forwards infinite;
  /* 其它浏览器兼容性前缀 */
  -webkit-animation:bulingscratchy 0.5s linear forwards infinite;
  -moz-animation: bulingscratchy 0.5s linear forwards infinite;
  -ms-animation: bulingscratchy 0.5s linear forwards infinite;
  -o-animation: bulingscratchy 0.5s linear forwards infinite;
}
.display-block{
  display: block;
}
@keyframes  bulingscratchy {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 0 0;
  }
  26% {
    background-position: 20px -20px;
  }
  50% {
    background-position: 20px -20px;
  }
  51% {
    background-position: 40px -40px;
  }
  75% {
    background-position: 40px -40px;
  }
  76% {
    background-position: 60px -60px;
  }
  99% {
    background-position: 60px -60px;
  }
  100% {
    background-position: 0 0;
  }
}
/* 添加兼容性前缀 */
@-webkit-keyframes bulingscratchy {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 0 0;
  }
  26% {
    background-position: 20px -20px;
  }
  50% {
    background-position: 20px -20px;
  }
  51% {
    background-position: 40px -40px;
  }
  75% {
    background-position: 40px -40px;
  }
  76% {
    background-position: 60px -60px;
  }
  99% {
    background-position: 60px -60px;
  }
  100% {
    background-position: 0 0;
  }
}
@-moz-keyframes bulingscratchy {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 0 0;
  }
  26% {
    background-position: 20px -20px;
  }
  50% {
    background-position: 20px -20px;
  }
  51% {
    background-position: 40px -40px;
  }
  75% {
    background-position: 40px -40px;
  }
  76% {
    background-position: 60px -60px;
  }
  99% {
    background-position: 60px -60px;
  }
  100% {
    background-position: 0 0;
  }
}
@-ms-keyframes bulingscratchy {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 0 0;
  }
  26% {
    background-position: 20px -20px;
  }
  50% {
    background-position: 20px -20px;
  }
  51% {
    background-position: 40px -40px;
  }
  75% {
    background-position: 40px -40px;
  }
  76% {
    background-position: 60px -60px;
  }
  99% {
    background-position: 60px -60px;
  }
  100% {
    background-position: 0 0;
  }
}
@-o-keyframes bulingscratchy {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 0 0;
  }
  26% {
    background-position: 20px -20px;
  }
  50% {
    background-position: 20px -20px;
  }
  51% {
    background-position: 40px -40px;
  }
  75% {
    background-position: 40px -40px;
  }
  76% {
    background-position: 60px -60px;
  }
  99% {
    background-position: 60px -60px;
  }
  100% {
    background-position: 0 0;
  }
}
@media only screen and (max-width: 600px) {

}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1200px) {

}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){
  .border {
    &::after {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
    }
  }
}
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
  .border {
    &::after {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
    }
  }
}

